{extend name="index/index" /}

{block name="main"}
<!-- Start of Page Container -->


<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>

<style type="text/css" media="screen">
    h1 {
      font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;
      padding: 25px 10px 0 10px;
      color: #abcdef;
      text-shadow: 1px 1px 4px rgba(171,205,239, 0.3);
      font-weight: 500;
        }
    .fa {
      font-size: 2em;
      vertical-align: middle;
      margin-right: 50px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .fa.nav-toggle {
      margin-right: 100px;
      -webkit-transform-origin: center;
              transform-origin: center;
    }
    .fa:hover {
      color: #3B6B87;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-shadow: 0 1px 4px #abcdef;
    }
    .fa:hover:not(.nav-toggle) {
      padding-bottom: 5px;
    }
    .nav-inner {
      background: #abcdef;
      color: #619EC2;
      padding: 0 25px;
      border-radius: 50px;
      width: 28px;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .nav-inner .links {
      overflow: hidden;
      width: 100%;
      height: 60px;
      line-height: 60px;
    }
    .nav-inner:after {
      z-index: -1;
      content: "";
      display: block;
      position: absolute;
      background: #000;
      margin-top: -20px;
      width: 28px;
      height: 20px;
      -webkit-filter: blur(10px);
              filter: blur(10px);
      opacity: 0.3;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .nav-inner.open {
      width: 630px;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .nav-inner.open .nav-toggle {
      color: #619EC2;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    .nav-inner.open:after {
      background: #3B6B87;
      width: 630px;
      opacity: 0.9;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
</style>




<style>
    .post-title a{
        color: #0D4667;
    }

    .post-meta span{
        color: #FFF;
    }

    .post-meta H3{
        color: #FFF;
    }

    /*a  upload */
.a-upload {
    padding: 4px 10px;
    height: 20px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}

.file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
</style>
<div style="position: fixed;left: 305px;top: 57%;border-radius: 12px 5px 5px 12px;width: 120px;padding:12px 6px;background: #619EC2;z-index: 5;" class="nav-info";>
                <a href="javascript:$('.nav-info').animate({left:'185'}).children('#open-nav').css('display', 'none').next().css('display', 'inline-block');" style="display: inline-block; position: absolute;top: 46%;left: -26px;padding:10px 6px;background-color: #19a7f0;border-radius: 3px;" id="open-nav">目<br>录</a>
                <a href="javascript:$('.nav-info').animate({left:'305px'}).children('#open-nav').css('display', 'inline-block').next().css('display', 'none');" style="display: none; position: absolute;top: 46%;left: -26px;padding:10px 6px;background-color: #19a7f0;border-radius: 3px;">隐<br>藏</a>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#person-pass">个人密码</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#person-info">个人详情</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#person-photo">我的头像</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#person-exp">经验积分</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#question">我的提问</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#like-question">点赞提问</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#answer">我的回答</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#like-answer">点赞回答</a></div>
            <div style="margin-bottom: 6px;text-align: center; border:1px #abcdef solid; color: #0D4667; height:23px;line-height: 23px;"><a href="#reply">我的回复</a></div>
</div>
<div class="page-container" style="background-color: #195F88;width: 100%;">
    <div class="container"  style="background-color: #619EC2;width: 60%;margin: 0px auto;position: relative;z-index: 8">
        <div class="row">
            <!-- start of page content -->
                <div class="span8 main-listing" >
                    <article class="format-standard type-post hentry clearfix">
                        <header class="clearfix"><br>

                            <h3 class="post-title">

                                <a href="{:url('index/login/editPass','id='.$data[0]['id'])}" name="person-pass">点击编辑个人密码</a>
                                <br>
                            </h3>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>昵称</h3></span>
                                <span class="article-meta"> {$data[0]['name']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>手机</h3></span>
                                <span class="article-meta"> {$data[0]['tel']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>邮箱</h3></span>
                                <span class="article-meta"> {$data[1]['email']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>密码</h3></span>
                                <span class="article-meta">(/▽╲)</span>
                            </div><!-- end of post meta -->
                        </header><br>

                        <h3 class="post-title">
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="person-info">点击编辑个人详情</a><br>
                        </h3>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>年龄</h3></span>
                                <span class="article-meta"> {$data[1]['age']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>性别</h3></span>
                                <span class="article-meta"> {$data[1]['sex']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>生日</h3></span>
                                <span class="article-meta"> {$data[1]['birthday']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>省份</h3></span>
                                <span class="article-meta"> {$data[1]['province']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>婚否</h3></span>
                                <span class="article-meta"> {$data[1]['is_marry']}</span>
                            </div><!-- end of post meta -->
                        </header><br>


                        <h3 class="post-title">
                            <a href="#" name="person-photo">更换照片</a><br>
                            <form action="{:url('index/login/photo')}" enctype="multipart/form-data" method="post">
                                <a href="javascript:;" class="a-upload" style="width:200px;height:28px;">点击更换照片
                                    <input type="file" name="uploadfile" style=";height:20px;width:200px;"/>
                                </a>
                                <a href="javascript:;" class="file" style="width:120px;height:28px;">点击提交
                                    <input type="submit" name="submit" style=";height:20px;width:120px;" value="点击提交">
                                </a>
                                <img src="{$IMG_PATH}loading.gif" id="contact-loader" alt="Loading...">
                            </form>
                        </h3>

                        <header class="clearfix">
                            <div class="post-meta clearfix"><br>
                                <span class="category"><h3>照片</h3></span>
                                <img src="/static/upload/{$data[1]['photo']}" alt="" width="150px" height="150px">
                            </div><!-- end of post meta -->
                        </header><br>

                        <h3 class="post-title">
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="person-exp">点击查看分值详情</a><br>
                        </h3>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>经验值</h3></span>
                                <span class="article-meta"> {$data[1]['experience']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>积分</h3></span>
                                <span class="article-meta"> {$data[1]['integral']}</span>
                            </div><!-- end of post meta -->
                        </header>

                        <h3 class="post-title">
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}"  name="question">点击查看我的全部提问</a><br>
                        </h3>

                        <h3 class="post-title" >
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="like-question">点击查看我的点赞的全部提问</a><br>
                        </h3>

                        <h3 class="post-title" >
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="answer">点击查看我的全部回答</a><br>
                        </h3>
                        
                        {volist name="answer" id="v"}
                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>回答</h3></span>
                                <span class="article-meta"> {$v['content']}</span>
                                <span class="category"><h3>{$v['time']}</h3></span>
                            </div><!-- end of post meta -->
                        </header>
                        {/volist}
                        
                        <h3 class="post-title" >
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="like-answer">点击查看我点赞的全部回答</a><br>
                        </h3>

                        {volist name="answer_likes" id="v"}
                        <header class="clearfix">
                            <div class="post-meta clearfix">
                                <span class="category"><h3>回答</h3></span>
                                <span class="article-meta"> {$v['content']}</span>
                                <span class="category"><h3>{$v['time']}</h3></span>
                            </div><!-- end of post meta -->
                        </header>
                        {/volist}

                        <h3 class="post-title" >
                            <a href="{:url('index/login/editInfo','id='.$data[0]['id'])}" name="reply">点击查看我的全部回复</a><br>
                        </h3>



                        
                    </article>

                </div>
                <!-- end of page content -->
        </div>
    </div>
</div>
<!-- End of Page Container -->
{/block}